$(document).ready(function () {
    $(".list").on('click', '.delete-btn', function () {
        // $("").click(function () {
        var book_id = $(this).closest('li').data('book_id');
        $("#customConfirm").css('display', 'block');
        $("#customConfirm").addClass('show');

        var scrollTop = $(window).scrollTop(); // 滚动条距离顶部的距离
        var scrollLeft = $(window).scrollLeft(); // 滚动条距离左侧的距离
        // $("#customConfirm").css('top', event.clientY - 80);
        // $("#customConfirm").css('left', event.clientX - 115);
        $("#customConfirm").css('top', event.clientY + scrollTop - 80); // 加上滚动偏移量
        $("#customConfirm").css('left', event.clientX + scrollLeft - 115);
        $(".n:eq(0)").click(function () {
            $("#customConfirm").removeClass('show');
        })
        // 为确定按钮绑定点击事件（只绑定一次）
        $(".y").off('click').on('click', function () {
            $.ajax({
                url: '/admin/delete-item/' + book_id,
                type: 'POST',
                success: function (response) {
                    console.log(response);
                    location.reload();
                    alert("删除成功！");
                },
                error: function (error) {
                    console.error(error);
                    alert("删除失败！");
                }
            });
        })
    })

    $(".add-btn").click(function () {
        $(".mask:eq(0)").addClass('show-add');
        $(".mask:eq(0)").css('display', 'block');
        $(".add-n").off('click').on('click', function () {
            $(".mask:eq(0)").css('display', 'none');
            $(".mask:eq(0)").removeClass('show-add');
        })
        $('#imageUpload').on('change', function () {
            // 当用户选择文件后，获取文件名并显示
            var fileName = $(this).val().split('\\').pop(); // 在Windows上获取文件名，可能需要调整以兼容其他操作系统
            $('#filenameDisplay').text('已选择文件：' + fileName);
        });
    })


    // 商品修改成功
    $(".list").on('click', '.edit-btn', function () {
        // $(".edit-btn").click(function () {
        var book_id = $(this).closest('li').data('book_id');
        $(".upd-item input:eq(0)").val(book_id);
        // console.log($(".upd-item input:eq(0)").val());
        $(".mask2:eq(0)").addClass('show-upd');
        $(".mask2:eq(0)").css('display', 'block');
        $(".upd-n").off('click').on('click', function () {
            $(".mask2:eq(0)").css('display', 'none');
            $(".mask2:eq(0)").removeClass('show-upd');
        })
        $('#imageUpdate').on('change', function () {
            // 当用户选择文件后，获取文件名并显示
            var fileName = $(this).val().split('\\').pop(); // 在Windows上获取文件名，可能需要调整以兼容其他操作系统
            $('#filenameDisplay').text('已选择文件：' + fileName);
        });

    })
    // 商品修改成功


    // 搜索
    $('.search-icon').on('click', function (event) {
        event.preventDefault();
        var searchTerm = $('.search-ipt').val();
        if (searchTerm) {
            $.ajax({
                url: '/admin/search_view',
                type: 'GET',
                data: {search: searchTerm, text: 'book'},
                success: function (data) {
                    console.log(data.books);
                    var $list = $('.list'); // 获取列表元素
                    $list.empty(); // 清空列表，准备添加新元素

                    $.each(data.books, function (index, book) {
                        // 创建新的列表项
                        var $listItem = $('<li>').data('book_id', book.book_id);
                        // 创建并添加书名和作者
                        var $bookName = $('<span>').addClass('book_name').text(book.book_name);
                        var $bookAuthor = $('<span>').addClass('book_author').text('作者：' + book.book_author);
                        $listItem.append($bookName, $bookAuthor);

                        // 创建并添加删除和修改按钮
                        var $deleteBtn = $('<a>').attr('href', 'javascript:;').addClass('delete-btn').text('删除');
                        var $editBtn = $('<a>').attr('href', 'javascript:;').addClass('edit-btn').text('修改');
                        $listItem.append($deleteBtn, $editBtn);

                        $list.append($listItem);
                    });

                    // 可以在这里添加更多逻辑，比如显示消息等
                    console.log('书籍搜索成功！');
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    console.error('Error:', textStatus, errorThrown);
                }
            });
        }
    });

    // 搜索


})